﻿/*left*/
.ls-left{}
.ls-content {height:610px}
.ls-content-hd{text-align:center;font-size:25px;color:#808080;padding:1% 0;height:9%}
.ls-content-ct {padding:0 1%;height:91%;overflow:auto}
.ls-box {padding:1.5%;height:45%}
.ls-item {height:100%}
.ls-picture {height:55%}
.ls-picture img {width:100%;height:100%;margin-bottom:0}
.ls-picture-lock img {filter:grayscale(100%)}
.ls-lock-scr {height:100%;background:rgba(0,0,0,0.3)}
.ls-lock-btn {width:26px;height:26px;background:white;text-align:center;line-height:26px;font-size:16px;border-radius:50%;position:absolute;bottom:-13px;left:42%}
.ls-tittle {height:45%;padding:7% 4% 3% 4%;overflow:hidden}
.ls-name {font-size:16px;font-weight:bold}
.ls-topic {height:80%;font-weight:500;overflow:hidden}
/*right*/
.ls-right{padding-left:2%}
.ls-fluent {height:250px}
.ls-fluent-hd{text-align:center;font-size:20px;font-weight:500;color:#808080;padding:3% 0;height:20%}
.ls-fluent-content {text-align:center;height:80%;position:relative}
.ls-fluent-progress {height:100%}
.ls-fluent-value {font-size:42px;position:absolute;top:29%;left:0;right:0}
.ls-fluent-percent {font-size:21px;position:relative;top:-13px}